<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>数据 - AdminLTE2定制版 | Log in</title>

    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">

</head>


<body class="hold-transition login-page">

<%
    String username = "";
    String pwd = "";
    String ck = "";
    //获取cookie
    Cookie[] cookies = request.getCookies();
    if (cookies != null) {
        //遍历cookies
        for (int i = 0; i < cookies.length; i++) {
            String key = cookies[i].getName();
            if ("username".equals(key)) {
                username = cookies[i].getValue();
                ck = "checked";
            } else if ("pwd".equals(key)) {
                pwd = cookies[i].getValue();
            }
        }

        //获取的用户名和密码存放在request作用域下
        request.setAttribute("username", username);
        request.setAttribute("pwd", pwd);
        request.setAttribute("ck", ck);

    }
%>



<div class="login-box">
    <div class="login-logo">
        <a href="all-admin-index.html"><b>ITCAST</b>后台管理系统</a>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">登录系统</p>

        <form id="app" action="${pageContext.request.contextPath}/system/user/login" method="post">
            <div class="form-group has-feedback">
                <%--value="${username}",value="${pwd}"--%>
                <input type="text"  name="username" class="form-control" value="${username}"
                       placeholder="用户名">
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="password" class="form-control" value="${pwd}"
                       placeholder="密码">
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <%--加上一行以提示用户名或密码错误--%>
           <%-- <div>
                <span id="wmx">${www}</span>
            </div>--%>


            <div class="row">
                <div class="col-xs-8">
                    <div class="checkbox icheck">
                        <label><input type="checkbox" ${ck} value="1"
                                      name="ck" ${loginUser==null?"":"checked"}> 记住
                            下次自动登录</label>
                    </div>
                </div>
                <!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                </div>
                <!-- /.col -->
            </div>
        </form>

        <a href="#">忘记密码</a><br>


    </div>
</div>

<script
        src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script
        src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
<script
        src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%'
        });
    });
</script>
</body>
<%--用户名和密码错误提示--%>
<script>
/*
    $(function () {
        aaa = document.getElementById("wmx")
        if (aaa.innerText == 0) {
            aaa.innerText = "呀呀呀，您的用户名或密码错误，请重新输入"
            aaa.style.color = "red"
        }
        /!* /!*自行登录，从登录页面进行登录*!
          if (document.getElementById("cks").) {
           }*!/

        document.getElementById("pwd").onfocus = function () {
            document.getElementById("wmx").innerText = ""
        }
        document.getElementsByTagName("username").onfocus = function () {
            document.getElementById("wmx").innerText = ""
        }
    })*/

</script>

</html>